<#macro userCompleteness>
	<#if data.userInSession??>
		<#if data.updateCompleteness??>
			<#assign percentage = 20 />
			<#if data.updateCompleteness.updatedBasicInfo>
				<#assign percentage = percentage + 25 />
			</#if>
			<#if data.updateCompleteness.updatedAvatar>
				<#assign percentage = percentage + 15 />
			</#if>
			<#if data.updateCompleteness.updatedHobby>
				<#assign percentage = percentage + 15 />
			</#if>
			<#if data.updateCompleteness.updatedGoal>
				<#assign percentage = percentage + 25 />
			</#if>
			
			<#if percentage lt 100>
				<#assign length = (272 * percentage / 100) />
				<div class="question">
			    	<h1 style="padding-top:0px">Cập nhật thông tin cá nhân</h1>
			  	</div>
			  	<div id="updateuser">
			    	<div class="score2">
			          <div class="scorebar">
			            <div class="left"></div>
			            <div style="width: ${length}px;" class="center" title="${percentage}">${percentage}% |</div>
			            <div class="right"></div>
			          </div>
			        </div>
			    	<div class="w6"></div>
			    	<div class="sharingtip">
			      		<div class="icontip"></div>
			  			<a href="/userAccountSettings.html" class="tip" <#if data.updateCompleteness.updatedBasicInfo>style="color:#cecece;"</#if>>Cập nhật các thông tin cơ bản +<b>25</b>%</a>
					</div>
					<div class="sharingtip">
			  			<div class="icontip"></div>
			  			<a id="showAvatarBoxLink" class="tip" href="#updateAvatar" <#if data.updateCompleteness.updatedAvatar>style="color:#cecece;"</#if>>Thêm hình đại diện +<b>15</b>%</a>
					</div>
			    	<div class="sharingtip">
			      		<div class="icontip"></div>
			      		<a href="/userAccountSettings.html" class="tip" <#if data.updateCompleteness.updatedHobby>style="color:#cecece;"</#if>>Thêm thông tin về sở thích +<b>15</b>%</a>
			  		</div>
			    	<div class="sharingtip">
			      		<div class="icontip"></div>
			      		<a class="tip" <#if data.updateCompleteness.updatedGoal>style="color:#cecece;"</#if>>Chia sẻ mục tiêu của bạn +<b>25</b>%</a>
			  		</div>
			    	<div class="w6"></div>
			    	<div id="hot">
			    		<b>Tại sao bạn phải cập nhật thông tin cá nhân ?</b>
			      		<p style="padding-top:4px;">iGoal sẽ dựa trên thông tin cơ bản của bạn để gợi ý danh sách những bạn bè của bạn hiện đang hoạt động trên iGoal </p>
			  		</div>
				</div>
			</#if>
		</#if>
	</#if>
</#macro>